JQuery Selectors in list

Try this: $(function() { $('#flags li'). Hover(function() { $(this).siblings(). Stop(true).

Animate({opacity:'0.5'},1000); }, function() { $(this).siblings(). Stop(true). Animate({opacity:'1'},1000); }); }) By using stop you help prevent the state where you have rolled over alot of elements and they have queued up animations.It clears all the current animations in the queue for the element and assigns the new one The reason you need to use animate rather then fadeIn and fadeOut is because of a weird bug with fadeIn/fadeOut and the hover event Haven't figured out what causes the bug though.

Try this: $(function() { $('#flags li'). Hover(function() { $(this).siblings(). Stop(true).

Animate({opacity:'0.5'},1000); }, function() { $(this).siblings(). Stop(true). Animate({opacity:'1'},1000); }); }); By using stop you help prevent the state where you have rolled over alot of elements and they have queued up animations.It clears all the current animations in the queue for the element and assigns the new one.

The reason you need to use animate rather then fadeIn and fadeOut is because of a weird bug with fadeIn/fadeOut and the hover event. Haven't figured out what causes the bug though.

1 +1 for hover and not leaving the elements faded when you stop hovering over the entire collection. – tvanfosson Sep 4 '09 at 17:27.

What about someting like this (not tested) $("#flags li"). Mouseover(function(){ var id = this. Id; $("#flags li").

Not("#"+id). Animate({opacity:'0.5'},1000); $(this). Animate({opacity:'1'},1000); }).

$(this).show(); would require less work from JQuery. – John Fisher Sep 4 '09 at 17:17 Cheers seth... lemme try it out! Rgds D – Decbrad Sep 4 '09 at 17:18 I just fixed a typo.

The solution is all mkoryak – seth Sep 4 '09 at 17:19 If you roll over all the li's quickly you will see it continue to fade each one even after you have stopped moving the mouse. My answer will work correctly in this case. – PetersenDidIt Sep 4 '09 at 17:24 Thats great.

That is what I was searching for a long time. – sn3ek Sep 4 '09 at 17:36.

$('#flags li'). Bind('mouseover', function() { $('#flags li'). Not($(this)).

FadeTo('fast', 0.5); }). Bind('mouseout', function() { $('#flags li').show(); }).

You might want to look into the siblings selector.

Thanks everyone! Got it to work, looks great! Can't wait to get up to speed with jQuery!...it's amazing!

Thanks again Decbrad – Decbrad Sep 4 '09 at 17:41.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions